<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>게시판 글읽기</title>
<link href="/Jangdolbaeng2/css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
	
<script type="text/javascript">
//글삭제시 확인 스크립트
function deleteCheck(qa_seq){
	if(confirm("정말 삭제하시겠습니까?")){
		alert("삭제 후 메인페이지로 이동합니다.");
		document.location.href = '<s:url value="qaDelete.action?qa_seq=%{qa_seq}" />';	
	}
}

$(document).ready(function() {
	//리플 달기 버튼을 Click하면 formSubmit() 함수 실행
	$('#rebutton').on('click', formSubmit);
	var seller_id = "${seller_id}";
	var customer_id = "${customer_id}";
	init();
});

//페이지 로딩시 모든 리플 내용을 읽어옴.
function init() {
	var qa_seq = ${shop_qa.qa_seq}; //현재 본문글의 번호
	var seller_id = "${seller_id}";
	
	$.ajax({
		url: 'replyList.action',
		type: 'POST',
		data: {
			qa_seq : qa_seq,
			seller_id : seller_id
		},
		dataType: 'json',
		success: function(json){}
	});	
}

//리플 저장 버튼 클릭 시 실행
function formSubmit() {
	var cmt_contents = $('#cmt_contents').val();	//사용자의 입력 내용 읽어오기
	var qa_seq = ${qa_seq}; //현재 본문글의 번호
	$.ajax({
		url: 'replyInsert.action',
		type: 'POST',
		dataType: 'json',
		data: { cmt_contents: cmt_contents, qa_seq: qa_seq },
		success: finalOK
	});
}

//리플 저장 완료시 실행
function finalOK(json) {
	document.location.href = '<s:url value="jangdolbang2/board/qaRead.action?qa_seq=%{qa_seq}" />';
}

//리플 삭제 기능
function commentDel() {
	if (!confirm('리플을 삭제하시겠습니까?')) return;
	
	var cmt_seq = $(this).attr('data-num');	//클릭한 버튼의 'data-num' 속성값을 읽음
	var qa_seq = ${shop_qa.qa_seq}; //현재 본문글의 번호
	
	//서버로 삭제할 리플번호를 전달. 성공하면 deleteOK()함수 실행
 	$.ajax({
		url: 'replyDelete.action',
		type: 'POST',
		dataType: 'json',
		data: { qa_seq : qa_seq, cmt_seq : cmt_seq},
		success: finalOK
	});
}

</script>

<style type="text/css">
td.tdNum {
	background-color: #dddddd;
	width: 30px;
	text-align: center;
}
td.tdName {
	background-color: #dddddd;
	width: 100px;
	text-align: center;
}
td.tdText {
	background-color: #dddddd;
	width: 400px;
	text-align: left;
}
</style>	
</head>
<body>
<center>
<h2>[ 질의 응답 ]</h2>

<table border="0" cellspacing="3" cellpadding="3" align="center" width="700">
<tr>
<th style="width:100px;">작성자 </th>
<td style="width:600px;">${shop_qa.customer_id}</td>
</tr>
<tr>
<th>작성일 </th>
<td>${shop_qa.inputdate}</td>
</tr>
<tr>
<tr>
<th>제목 </th>
<td>${shop_qa.qa_title}</td>
</tr>
<tr>
<th>내용 </th> 
<td><pre>${shop_qa.qa_contents}</pre></td>
</tr>
</table>

<!-- 본인 글인 경우에만 보이기 -->
<s:if test="sessionMap.customer_id == shop_qa.customer_id">
	<!-- 현재글 삭제하기-->
	<a href='javascript:deleteCheck("%{shop_qa.qa_seq}")'>삭제</a>
	<!-- 현재글 수정하기-->
	<a href="<s:url value="/goQaEditForm.action?qa_seq=" />${shop_qa.qa_seq}">수정</a>
</s:if>
<!-- 리플 목록 출력 영역 -->
<div id="listDiv">
	<s:iterator value="replylist">
		<div><s:property value="cmt_contents"/></div>
	</s:iterator>
</div>

<!-- 리플 작성 폼 시작 -->
<s:if test="sessionMap.seller_id != '' ">
<form name="replyform">
	<div class="row container">
		<div class="col-lg-6">
			<div class="input-group">
				<input type="text" class="form-control" id="cmt_contents">
				<span class="input-group-btn">
				<button class="btn btn-default" type="button" id="rebutton">Go!</button>
				</span>
			</div><!-- /input-group -->
		</div><!-- /.col-lg-6 -->
	</div><!-- /.row -->
</form>
</s:if>
<p>

<!-- 목록보기-->
<a href='blogMain.action?shop_seq=${current_shop_seq}'>메인화면으로</a>

<br><br><br>
</center>
</body>
</html>
